.container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    padding: 0 .35rem
}

.section-viewport-content {
    margin-left: auto;
    margin-right: auto;
    width: 6.8rem;
}
.tsgc {
    background-color: #fff;
}

.tshc-toppic {
    width: 6.8rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.tsgc-topcopy {
    width: 100%;

    margin: 0 auto;
    position: relative;
    background-color: #fff;

}
.container h3 {
    font-size: .4rem;
    line-height: .5rem;
    color: #9E8B5A;
    padding-top: .5rem;
    margin-bottom: .3rem;
}
.ypzd.container h3{line-height: .4rem}
.container p {font-size: .3rem;line-height: .6rem;}
.ypzd.container p{line-height: .3rem}
.container p.more-links a{font-size: .2rem;line-height: .29rem}
.section-content {width: 6.8rem;margin-bottom: 1rem}
.section-content:last-child{margin-bottom: 0}
.section-wrapper {
    position: relative;
    overflow: hidden;
}

.image-wood {width: 6.8rem;height: 5.1rem}

.wood-text {
    text-align: center;
    padding-left: 0;
}

.copy-top-margin {
    margin-top: 100px;
}

.copy-container {
    margin: 0;
    width: 380px;
    padding: 0;
}

.frame{
    height: 7.2rem;
    overflow: hidden;
    position: relative;
    background-color: #efefed;
}

.image {
    background-position: center center;
}
.image-series-1 {
    width: 100%;
    height: 7.2rem;
    background-size: 6.8rem 7.2rem;
    background-repeat: no-repeat;
    background-image: url(../images/cpjs-s1-pic.png);
    position: absolute;
    bottom: 0;
    left: 0;
}
.image-series-2{
    background-image: url(../images/cpjs-s2-pic.png);
}
.image-series-3{
    background-image: url(../images/cpjs-s3-pic.png);
}
.image-series-4{
    background-image: url(../images/cpjs-s4-pic.png);
}
.index-page .text-block{top: .9rem;}
.text-block {
    position: absolute;
    width: 100%;
    top: .3rem;
    z-index: 11;
    pointer-events: none;
}
.text-block .cpjs-tittle-model{
    font-size: .4rem;
    color: #9E8B5A;
    letter-spacing: 0;
    text-align: center;
    line-height: .4rem
}

.more-links a {
    margin-left: 0.4em;
    margin-right: 0.4em;
    pointer-events: all;
    position: relative;
    font-size: .2rem;
    color: #000000;
}
.image-series-home1{
    background-image: url(../images/Group9.jpg);
}
.image-series-home2{
    background-image: url(../images/kv2copy.jpg);
}
.text-block .home-headline{
    line-height: .6rem;
    color: #000;
    margin-bottom: .2rem;
    font-size: .4rem;
}

.home-video{
    position: relative;
    width: 6.8rem;
    height: 7.2rem;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-bottom: .5rem;
}
.home-video .home-bg{ position: absolute; left: 0;top: 0; width: 100%; height: 100%;overflow: hidden}
.home-video .home-bg img{height:7.2rem;width:17rem;position: absolute;left: 50%;transform: translateX(-50%);max-width:17rem}
.home-video > .text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home-video > .text > h1 {
    font-size:.5rem;
    color: #fff;
    letter-spacing: 10px;
    line-height: .5rem;
}
.home-video > .text > h3 {
    color: #fff;
    margin: 0;
    font-size: .24rem;
    line-height: .35rem;
    padding-top: .35rem;
}
.video_play{
    color: #fff;
}
@font-face {font-family: "iconfont";
    src: url('../fonts/fonts/iconfont.eot?t=1525159128976'); /* IE9*/
    src: url('../fonts/fonts/iconfont.eot?t=1525159128976#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATQAAsAAAAAByQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kf0Y21hcAAAAYAAAABcAAABhplgBr5nbHlmAAAB3AAAAQUAAAEQD59s0WhlYWQAAALkAAAALwAAADYRO6+maGhlYQAAAxQAAAAcAAAAJAfeA4RobXR4AAADMAAAAAwAAAAMC+kAAGxvY2EAAAM8AAAACAAAAAgAdgCIbWF4cAAAA0QAAAAfAAAAIAESAF1uYW1lAAADZAAAAUUAAAJtPlT+fXBvc3QAAASsAAAAIwAAADTR6eBteJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzjYm7438AQw9zA0AAUZgTJAQAkGgx2eJzFkMENwCAMAy9AeaAO0kcH6qtzMDFrgJvSRyfAkmPFsZQowAZE8RQT2I3x4JJr7keK+8kzWWoEaiu9q/9UEc2ya1DJLIOtW/3H7vWYnb5CndSJrbwkDGavC7d4nBWGOU7DQBRA/5/BW/CCx7sdxxvJgAKWMCYNIgGJBkSBlIqSA0CbhmIaJAoKzoCQuEQug+AaGJynp6cHEsDfF13TEBzYgyO4hFsAlKdYmiTFgrc1maJXSF7gmpRXvFCqsqZnGJSy6zezdhLIimyhiSM8LpoZrwnHk3ZOTrHxU8QoiZdsPGT0DQchHz131+QdvawaWvPD7upg4Ta5o650xiLGXlVZklRCtiwTHwJfk7SB3H1IVuyts32SoR7x+ObOyBN2/9I+puNAQxQCnSQ3Pxd2bPc+xb7DImXHUMPYqHZdXP1sh46eTr6hh2xCL+jm+mhoIz3/FUSg6ASFTgD8Ay3WKNIAAAB4nGNgZGBgAOK+G2pa8fw2Xxm4WRhA4Dqf6Q0E/f8hCwOzBJDLwcAEEgUADoEJVAB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAPpAAAEAAAAAAAAAAB2AIh4nGNgZGBgYGYIZGBlAAEmIOYCQgaG/2A+AwAQ9wFwAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYItKT8tMS+dgQEAFXQDCAA=') format('woff'),
    url('../fonts/fonts/iconfont.ttf?t=1525159128976') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/fonts/iconfont.svg?t=1525159128976#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
.icon:after {
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: none;
    position: relative;
    z-index: 1;
    alt: '';
    content: "\e60a";
    padding-left: .3em;
    top: 1px;
}
.video_play:hover {
    color: #fff;
    text-decoration: underline;
}

.index-page .section-content{margin-bottom: .5rem;}

/*-预约上门-*/

.reserve-page h3{font-size: .4rem;color: #9E8B5A;text-align: left;line-height: .4rem;}
.reserve-page .pop-con p{margin-bottom: .2rem}
.reserve-page .form-group{width: 100%;}
.reserve-page .form-group.form-select:after{content: "+";position: absolute;right: 0;bottom:8px;font-size: 16px;}
.reserve-page .submit-btn{width: 100%;margin-bottom: .5rem}
.reserve-info{text-align: left;font-size: .24rem;}
.reserve-info p{line-height: .5rem}
/*-联系我们-*/
.connect-page h3{font-size: .4rem;text-align: left; color: #333; margin-bottom: .5rem;line-height: .4rem;}
.cf2 .btn{margin-bottom: 0}
.connect-page p{line-height: .44rem}

/*--产品分类--*/
.pro-wp{width: 6.8rem;margin: 0 auto;margin-top:30px;}
.pro-ul{margin-right: -.5rem;margin-top: -.8rem;}
.pro-ul li{float: left;margin-right: .5rem;text-align: center;font-size: 20px;margin-top: .8rem;}
.pro-ul li a div{width: 3.15rem;height: 4.03rem;overflow: hidden}
.pro-ul li p{margin-top: 10px;font-size: .3rem;line-height: .4rem;text-align:  left;height:  .8rem;overflow:  hidden;}
.pro-ul li a{display: block;width:  3.15rem;}

.pro-intro-page{position: relative;padding-left: 120px;width: 1120px;margin: 0 auto;margin-top:30px;}
.pro-intro-page li{width: 596px;height: 792px}
.side-nav{position: fixed;left: 0;top: 0}
.side-nav .return{margin-bottom: 145px}
.pro-intro-page .pro-info{position: fixed}
.pro-intro-page .pro-info h3{font-size: 20px;margin-bottom: 27px}
.pro-intro-page .pro-info div{margin-top: 73px;font-size: 13px}

/*-产品详情页-*/
.pro-info-page{padding:0 }
.pro-info-wp{position: relative;text-align: left}
.pro-info-wp .swiper-pagination{bottom: auto;top: .5rem;padding-right: .35rem;text-align:right;position:relative;box-sizing:border-box;}

.pro-info-wp .pro-txt{padding: 0 .35rem;margin-top: 0.16rem;font-size: .24rem}
.pro-info-wp .pro-txt h3{font-size: .4rem;line-height: .4rem;margin-bottom: .35rem;color: #000;padding-top: 0;}
.pro-info-wp .pro-txt p{font-size: .3rem;line-height: .4rem;}
.pro-info-wp .pro-connect{padding: 0 .35rem;margin-top: .70rem}
.pro-info-wp .pro-connect p{line-height: .5rem}
.zwdz .section-content{margin-bottom: .5rem}

/*--品牌页--*/
.brand-page{}
.brand-p2{margin-top: .5rem;text-align: center}
.brand-p2 p{margin-bottom: .5rem}
.brand-p2 p:last-child{margin-bottom: 0}

/*-产品页-*/
.pro-list .image-series-1{background-image: url(../images/3.jpg);}.pro-list .image-series-2{background-image: url(../images/3copy.jpg);}
.pro-list .image-series-3{background-image: url(../images/3copy2.jpg);}
.pro-list .image-series-4{background-image: url(../images/3copy3.jpg);}

.pro-list .typography-intro{font-size: .3rem;line-height: .45rem}